<div class="ibox">
    <div class="ibox-title padding-tb-xs">
        <div class="float-left " style="width: 300px;">
            <input type="text" placeholder="请输入商品名称" v-model="goodCashierCategoryInfo.prodNameLike" id="searchValue"
                   class=" form-control border-none" @keyup.enter="_loadCategoryProductDetils()">
        </div>
    </div>
    <div class="ibox-content" style="min-height: 600px;">
        <table class="table  table-condensed" data-toggle="table" data-page-size="15">
            <tr>
                <td v-for="productCategory in goodCashierCategoryInfo.productCategorys" class="text-center"
                    :class="{'td-backgroud':goodCashierCategoryInfo.curCatelogId == productCategory.categoryId}"
                    style="border:2px solid #e7eaec;border-right: none;cursor:pointer;"
                    v-on:click="_payCategoryProductDetils(productCategory)">
                    {{productCategory.categoryName}}
                </td>
            </tr>
        </table>
        <div class="row">
            <div class="col-md-3 text-center white-bg padding" style="border:1px solid #e7eaec"
                 v-for="productDetail in goodCashierCategoryInfo.productDetails"
                 v-on:click="_loadAddProduct(productDetail)">
                <div>
                    <img style="width: 80px; height: 80px; border-radius: 5px;cursor:pointer;"
                         v-bind:src="productDetail.coverPhoto">
                </div>
                <div style="color: black;font-size: 10px;">{{productDetail.prodName}}</div>
                <div style="color: black;font-size: 10px;">{{_getSpecValue(productDetail)}}</div>
                <div class="text-red" style="font-size: 5px;">
                    {{productDetail.cateType =="3"?"积分":"￥"}}{{productDetail.defaultSpecValue.price}}
                </div>
            </div>
        </div>
    </div>
</div>